<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>7.121</title>
	<style>
	#text{
		width: 750px;
		height: 2732px;
		background: #F7F8FA;
		margin: auto;
		position: relative;
	}
	#text #nav{
		width: 750px;
		height: 96px;
		background-color: #FFFFFF;;
		position: relative;
	}

	#nav #left{
		width: 32px;
		height: 32px;
		position: absolute;
		top: 42px;
		left: 24px;

	}
	#nav #right{
		width: 174px;
		height: 64px;
		/*background-color: red;*/
		position: absolute;
		left: 564px;
		top: 24px;
		border-radius: 100px 100px 100px 100px;
		border: 1px solid rgba(151,151,151,0.2000);
	}
	#right #right-left{
		width: 8px;
		height: 8px;
		background-color: #000000;
		border-radius: 100px 100px 100px 100px;
		position: absolute;
		left: 27px;
		top: 27px;
	}
	#right #right-center{
		width: 13px;
		height: 13px;
		background-color: #000000;
		border-radius: 100px 100px 100px 100px;
		position: absolute;
		left: 39px;
		top: 25px;
	}
	#right #right-right{
		width: 8px;
		height: 8px;
		background-color: #000000;
		border-radius: 100px 100px 100px 100px;
		position: absolute;
		left: 56px;
		top: 27px;
	}
	#right #right-leng{
		width: 1px;
		height: 37px;
		background: rgba(0,0,0,0.2000);
		position: absolute;
		top: 14px;
		left: 87px;
	}
	#right #right-rab{
		width: 26px;
		height: 26px;
		border-radius: 100px 100px 100px;
		border: 4px solid #000;
		position: absolute;
		top: 18px;
		left: 117px;	
	}
	#right #right-rab2{
		width: 8px;
		height: 8px;
		background-color: #000000;
		border-radius: 100px 100px 100px 100px;
		position: absolute;
		left: 130px;
		top: 31px;
	}
	#up-w{
		width: 686px;
		height: 124px;
		font-size: 44px;
		font-weight: 500;
		color: #3E3B4E;
		line-height: 52px;
		position: absolute;
		top: 144px;
		left: 32px;
	}
	#up-l{
		width: 187px;
		height: 24px;
		font-size: 24px;
		font-weight: 500;
		color: #9C9AA4;
		line-height: 24px;
		position: absolute;
		top: 300px;
		left: 32px;
	}
	#up-r{
		width: 187px;
		height: 24px;
		font-size: 24px;
		font-weight: 500;
		color: #9C9AA4;
		line-height: 24px;
		position: absolute;
		top: 300px;
		left: 614px;
	}
	#c-center{
		width: 686px;
		height: 365px;
		font-size: 34px;
		font-weight: 500;
		color: #3E3B4E;
		line-height: 65px;
		position: absolute;
		top: 356px;
		left: 32px;
	}
	#image{
		width: 686px;
		height: 318px;
		background: #F0EFF2;
		position: absolute;
		top: 753px;
		left: 32px;
	}
	#image-w{
		width: 318px;
		height: 48px;
		font-size: 48px;
		font-weight: 400;
		color: rgba(156,154,164,0.2000);
		line-height: 56px;
		letter-spacing: 5px;
		position: absolute;
		top: 135px;
		left: 196px;
	}
	#on{
		width: 686px;
		height: 325px;
		font-size: 34px;
		font-weight: 500;
		color: #3E3B4E;
		line-height: 65px;
		letter-spacing: 2px;
		position: absolute;
		top: 1103px;
		left: 32px;
	}
	#tilal{
		width: 750px;
		height: 66px;
		background: #FFFFFF;
		position: absolute;
		top: 1493px;
	}
	#tilal-w{
		width: 136px;
		height: 34px;
		font-size: 34px;
		font-weight: 500;
		color: #3E3B4E;
		line-height: 34px;
		position: absolute;
		top: 20px;
		left: 32px;
	}

}
	


		#center-u{
			width: 750px;
			height: 210px;
			background: #FFFFFF;
			position: absolute;
			top: 1558px;
		}
		#center-u #center-l{
			position: absolute;
			width: 220px;
			height: 146px;
			left: 498px;
			top: 32px;

			}
		#center-u #center-r{
				width: 442px;
				height: 90px;
				float: left;
				font-size: 32px;
				color: #3E3B4E;
				margin-top: 32px;
			}
		#center-u #left{
			width: 100px;
			height: 20px;
			font-size: 20px;
			color: #9C9AA4;
			position: absolute;
			top: 158px;
			left: 276px;
		}
		#center-u #right{
			width: 100px;
			height: 20px;
			font-size: 20px;
			color: #9C9AA4;
			position: absolute;
			top: 158px;
			left: 632px;
		}
		#right p{
			float: left;
			color: red;
			margin-top: 0px;6666
		}
		#center-o{
			width: 750px;
			height: 210px;
			background: #FFFFFF;
			position: relative;
		} 
		#center-o #center-l{
			width: 220px;
			height: 146px;
			margin: 32px;
			float: left;
			}
		#center-o #center-r{
				width: 442px;
				height: 90px;
				float: left;
				font-size: 32px;
				color: #3E3B4E;
				margin-top: 32px;
			}
		#center-o #left{
			width: 100px;
			height: 20px;
			font-size: 20px;
			color: #9C9AA4;
			position: absolute;
			top: 158px;
			left: 276px;
		}
		#center-o #right{
			width: 100px;
			height: 20px;
			font-size: 20px;
			color: #9C9AA4;
			position: absolute;
			top: 158px;
			left: 632px;
		}
		#right p{
			float: left;
			color: red;
			margin-top: 0px;6666
		}


		#center-u{
			width: 750px;
			height: 210px;
			background: #FFFFFF;
			position: absolute;
			top: 1558px;
			left: 0px;
		}
		#center-u #center-l{
			width: 220px;
			height: 146px;
			font-size: 36px;
			font-weight: 500;
			color: #3E3B4E;
			line-height: 47px;
			position: absolute;
			top: 32px;
			left: 498px;
		}
		#center-u #center-r{
			width: 442px;
			height: 94px;
			font-size: 36px;
			font-weight: 500;
			color: #3E3B4E;
			line-height: 47px;
			position: absolute;
			top: 32px;
			left: 32px;
			margin-top: 0px;
		}
		#center-u #left{
			width: 120px;
			height: 24px;
			font-size: 24px;
			font-weight: 500;
			color: #9C9AA4;
			line-height: 24px;
			position: absolute;
			top: 154px;
			left: 32px;
		}
		#center-u #right{
			width: 120px;
			height: 24px;
			font-size: 24px;
			font-weight: 500;
			color: #9C9AA4;
			line-height: 24px;
			position: absolute;
			top: 154px; 	
			left: 374px;
		}
		#right p{
			float: left;
			color: red;
			margin-top: 0px;
		}






		#center-o{
			width: 750px;
			height: 210px;
			background: #FFFFFF;
			position: absolute;
			top: 1768px;
			left: 0px;
		}
		#center-o #center-l{
			width: 220px;
			height: 146px;
			font-size: 36px;
			font-weight: 500;
			color: #3E3B4E;
			line-height: 47px;
			position: absolute;
			top: 32px;
			left: 498px;
			margin: 0px;
		}
		#center-o #center-r{
			width: 442px;
			height: 94px;
			font-size: 36px;
			font-weight: 500;
			color: #3E3B4E;
			line-height: 47px;
			position: absolute;
			top: 32px;
			left: 32px;
			margin-top: 0px;
		}
		#center-o #left{
			width: 120px;
			height: 24px;
			font-size: 24px;
			font-weight: 500;
			color: #9C9AA4;
			line-height: 24px;
			position: absolute;
			top: 154px;
			left: 32px;
		}
		#center-o #right{
			width: 120px;
			height: 24px;
			font-size: 24px;
			font-weight: 500;
			color: #9C9AA4;
			line-height: 24px;
			position: absolute;
			top: 154px; 	
			left: 374px;
		}
		#right p{
			float: left;
			color: red;
			margin-top: 0px;
		}




		#center-x{
			width: 750px;
			height: 210px;
			background: #FFFFFF;
			position: absolute;
			top: 1978px;
			left: 0px;
		}
		#center-x #center-l{
			width: 220px;
			height: 146px;
			font-size: 36px;
			font-weight: 500;
			color: #3E3B4E;
			line-height: 47px;
			position: absolute;
			top: 32px;
			left: 498px;
			margin: 0px;
		}
		#center-x #center-r{
			width: 442px;
			height: 94px;
			font-size: 36px;
			font-weight: 500;
			color: #3E3B4E;
			line-height: 47px;
			position: absolute;
			top: 32px;
			left: 32px;
			margin-top: 0px;
		}
		#center-x #left{
			width: 120px;
			height: 24px;
			font-size: 24px;
			font-weight: 500;
			color: #9C9AA4;
			line-height: 24px;
			position: absolute;
			top: 154px;
			left: 32px;
		}
		#center-x #right{
			width: 120px;
			height: 24px;
			font-size: 24px;
			font-weight: 500;
			color: #9C9AA4;
			line-height: 24px;
			position: absolute;
			top: 154px; 	
			left: 374px;
		}
		#right p{
			float: left;
			color: red;
			margin-top: 0px;
		}
		#foot-u{
			width: 750px;
			height: 434px;
			background: #F7F8FA;
			position: absolute;
			top: 2204px;
			left: 0px;
		}
		#foot-u #ping{
			width: 750px;
			height: 72px;
			background: #FFFFFF;
			box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.0600);
		}
		#foot-u #ping #ping-w{
			width: 68px;
			height: 34px;
			font-size: 34px;
			font-weight: 500;
			color: #3E3B4E;
			line-height: 34px;
			position: absolute;
			top: 19px;
			left: 32px;
		}
		#kong{
			width: 365px;
			height: 30px;
			font-size: 30px;
			font-weight: 500;
			color: #FF004E;
			line-height: 30px;
			position: absolute;
			top: 229px;
			left: 240px;
			color: red;
			text-decoration: none;
		}
		a{
			color: red;
			text-decoration: none;
		}
		#foot{
		height: 94px;
		width: 750px;
		position: absolute;
		background: #FFFFFF;
		top: 2638px;
		left: 0px;
			}
	#f-left{
		height: 40px;
		width: 35px;
		position: absolute;
		top: 22px;
		left: 366px;
		
	}
	#foot #f-letf-w{
		width: 48px;
		height: 24px;
		font-size: 24px;
		position: absolute;
		top: 69px;
		left: 362px;
	}
	#f-center{
		height: 40px;
		width: 40px;
		position: absolute;
		top: 22px;
		left: 466px;
		
	}
	#foot #f-center-w{
		width: 58px;
		height: 24px;
		font-size: 24px;
		position: absolute;
		top: 69px;
		left: 462px;
	}
	#f-right{
		height: 40px;
		width: 35px;
		position: absolute;
		top: 21px;
		left: 566px;
		
	}
	#foot #f-right-w{
		width: 48px;
		height: 24px;
		font-size: 24px;
		position: absolute;
		top: 69px;
		left: 557px;
	}
	#f-rr{
		height: 40px;
		width: 35px;
		position: absolute;
		top: 21px;
		left: 666px;
	}
	#f-rr-w{
		width: 48px;
		height: 24px;
		font-size: 24px;
		position: absolute;
		top: 69px;
		left: 662px;
	}
	#shuru{
		width: 270px;
		height: 72px;
		background: #F7F7F7;
		position: absolute;
		top: 20px;
		left: 40px;
		border-radius: 50px 50px 50px 50px;
	}
	#shuru-w input{
		width: 270px;
		height: 72px;
		background: #F7F7F7;
		border: 1px solid #F7F7F7;
		/*position: absolute;
		top: 20px;
		left: 40px;*/
		font-size: 30px;
		color: #A4A4A4;
		border-radius: 50px 50px 50px 50px;

	}
	</style>
</head>
<body>
	<div id="text">
		<div id="nav">
			<div id="left">
				<img src="../images/vector.png" alt=".." width="18" height="32">
			</div>
			<div id="right">
				<div id="right-left"></div>
				<div id="right-center"></div>
				<div id="right-right"></div>
				<div id="right-leng"></div>
				<div id="right-rab"></div>
				<div id="right-rab2"></div>
			</div>
		</div>
		<div id="up-w">改革转型效果逐渐明显，都市丽人2021年上半年表现优异</div>
		<div id="up-l">harlan.6小时前</div>
		<div id="up-r">1.1k浏览</div>
		<div id="c-center">场新冠肺炎疫情，让智能手机行业遭到了沉重打击，不曾想却拯救了另外两个领域，是平板电脑，二是PC。<br>网课、远程办公的火热需求，让那些弃那些平板电脑的厂商，又重新做起了平板。华为。</div>
		<div id="image">
			<div id="image-w">云集内衣咨询</div>
		</div>
		<div id="on">由于疫情后经济复苏，多数企业在今年上半
年实现了赢利，而受疫情影响较大的服装行
业亦开始全面复苏。都市丽人对此亦概莫能
外，但是都市丽人不同于其他服装企业的一
点是:出众的毛利率水平。</div>
<div id="tilal">
	<div id="tilal-w">推荐文章</div>
</div>
			<div id="center-u">
				<div id="center-l"><img src="../images/image4.png" alt=""></div>
				<div id="center-r">夏季日系蕾丝加厚薄款聚拢小胸性感少女胸罩文胸</div>
				<div id="left">昨天06:00</div>
				<div id="right"><p>100</p>*浏览</div>
			</div>
			<div id="center-o">
				<div id="center-l"><img src="../images/image 10.png" alt=""></div>
				<div id="center-r">改革81家上市公司中报业绩出炉，6家企业跻身</div>
				<div id="left">昨天06:00</div>
				<div id="right"><p>100</p>*浏览</div>
			</div>
			<div id="center-x">
				<div id="center-l"><img src="../images/image 10.png" alt=""></div>
				<div id="center-r">继美妆产业后，时尚行业押宝内衣与泳装项目</div>
				<div id="left">昨天06:00</div>
				<div id="right"><p>100</p>*浏览</div>
			</div>
			<div id="foot-u">
				<div id="ping">
					<div id="ping-w">评论</div>
				</div>
				<div id="kong"><a href="">下载内衣云查看评论</a></div>
			</div>
			<div id="foot">
			<div id="shuru">
				<div id="shuru-w">
					<input type="text" value="发表评论">
				</div>
			</div>
			<div id="f-left"><img src="../images/Vector (2).png" alt="11"></div>
			<div id="f-letf-w">评论</div>
			<div id="f-center"><img src="../images/icon-collect-normal@2x.png" alt="11"></div>
			<div id="f-center-w">2000</div>
			<div id="f-right"><img src="../images/icon-like-normal@2x.png" alt="11"></div>
			<div id="f-right-w">3000</div>
			<div id="f-rr"><img src="../images/icon-share@2x.png" alt="11"></div>
			<div id="f-rr-w">分享</div>
			</div>
	</div>
	</div>
</body>
</html>